@import "./config.less";
@import "./filelist.less";
@import "./right_menu.less";

@file_hover_color:#fff;
.desktop{
    position: absolute;.user-select(none);
    overflow: hidden;right: 0px;bottom: 0px;top: 0px;left: 0px;
    .background-size(100% 100%);
    .transition(background 0.3s);
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    .fileList_icon{
        overflow: hidden;
        position:absolute;width:100%;bottom:30px;top:@navbar_height;
        -webkit-column-width:90px;
        -moz-column-width:90px;
        -webkit-column-gap:0px;
        -moz-column-gap:0px;        
        .file{
            writing-mode: lr-tb;/*ie8 竖直排列*/
            float: none;color:#fff;
            display:inline-block;  
            text-shadow:0 0 2px #000;
            &.hover{.background-color(#fff, 0.15);background:~"none\9";}
            &.select,&.selectDragTemp{.background-color(#fff, 0.5);color:~"#000\9";}
            .title .textarea{position:static;}
        }
    }
}
#taskbar{ 
    height: 32px;position:fixed;bottom:0;left:0;width:100%;padding:0;margin:0;
    width:100%;background: url('@{img_desktop}taskbarbg.png');   
    a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;}  
}
.start{background: url('@{img_desktop}start.png') 0 0px no-repeat;
    display:block;z-index: 999;margin-top: -8px;z-index: 9901;
    width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed;
    &:hover{ text-decoration: none; background-position: 0 -40px;}
    &:active{ text-decoration: none; background-position: 0 -80px;}
}

.task_tab{position: fixed;bottom: 1px;left:0; width: 100%;height: 30px;z-index: 9999;
    .tabs{height:100%;margin-right: 10px;margin-right: 60px;
        .tab{float: left;height: 100%;margin-right: 2px;
            width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px;
            text-shadow:0 0 3px #000;color:#fff;
            border-radius: 3px ;cursor:default;overflow: hidden;font-size: 13px;
            .gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0));
            img{width:18px;height:18px;padding-right:4px;vertical-align:middle;display: inline-block;margin-top:-3px;};padding-left:4px;word-break: break-all;
            &.hover{.gradient(top,rgba(255,255,255,0.5),rgba(255,255,255,0));}
            &.this{.gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0));box-shadow: 0 0 6px #000;}
        }
    }
}
.tasktab-dragging{position:fixed;z-index: 99999;height:30px;
    width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px;
    text-shadow:0 0 3px #000;box-shadow: 0 0 6px #000;padding-left:4px;
    border-radius: 3px ;cursor:default;color:#fff;overflow: hidden;font-size: 13px;
    img{width:18px;height:18px;padding-right:4px;vertical-align:middle;display: inline-block;margin-top:-3px;border-radius:4px;};padding-left:4px;word-break: break-all;
    .gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0.2));
}

#menuwin{
    position:absolute;left:0;bottom:33px;display: none;z-index: 9999;
    #startmenu{
        border: solid 1px #102a3e; overflow: visible; display: block; 
        float: left; height: 404px; width: 390px; opacity: 0.9;     
        -webkit-border-radius: 5px; position: absolute; box-shadow: inset 0 0 1px #fff; 
        -webkit-box-shadow: inset 0 0 1px #fff; background-color: #619bb9;
        background:-webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
        background: rgba(0,0,0,0.5);
    }
    #leftspliter{ margin: 0 15px 0 15px; border-top: solid 1px #d6e5f5;}
    #rightspliter{ margin: 0 7px 0 7px; border-top: solid 1px #596d77;}
    #programs, #links{ float: left; padding: 0; list-style: none; position: relative;}
    #programs{ 
        background: #fff; border: solid 1px #365167;height:385px;
        margin: 7px 0 7px 7px; box-shadow: 0 0 1px #fff;width:250px;
        .border-radius(3px);.box-shadow(0 0 1px #fff);
        a{border: solid 1px transparent; display: block; padding: 3px;height: 30px;line-height: 30px;
            margin: 3px 10px; color: #4b4b4b; text-decoration: none; min-width: 200px;
            &:hover{ border: solid 1px #7da2ce; 
                .border-radius(3px);.box-shadow(inset 0 0 1px #fff);
                background-color: #cfe3fd; 
                background:-webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));
            }
            img{ border: 0; vertical-align: middle; margin: 0 5px 0 0;}
        }
    }
    #links{ 
        margin: 5px; margin-top: -30px;
        li.icon{height:60px;}
        a{ border: solid 1px transparent; display: block; 
            margin: 5px 0; position: relative; color: #fff; 
            text-decoration: none; min-width: 120px;
            &:hover{ border: solid 1px #000; 
                .border-radius(3px);.box-shadow(0 0 1px #fff);
                background-color: #658da0; background: 
                -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));
                span{background: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(49%, transparent), color-stop(50%, rgba(2,37,58,0.5)), to(rgba(63,111,135,0.5)));}
            }
            span{ padding: 5px;padding-left:10px; display: block;}
        }
    }
}

